<template>
	<div class="wrap">
		<head-title :title="headText" @callback="onClickLeft"></head-title>
		<div class="wrapbd about">
			<div class="logo"><img src="./../../assets/img/logo.jpg" alt=""></div>
            <cell-group>
                <a href="tel:15088888888"><cell title="联系方式1" is-link :value="15088888888"/></a>
            </cell-group>
            <cell-group>
                <a href="tel:15088888888"><cell title="联系方式2" is-link :value="15088888888"/></a>
            </cell-group>
		</div>
	</div>
</template>
<script>
	import HeadTitle from "./../../components/title.vue"
    import { Cell, CellGroup} from 'vant';
	export default {
		data(){
			return {
				headText: '关于我们',  //顶部标题
			}
		},
		methods:{
			//左上角返回键
			onClickLeft () { this.$router.go(-1);},
		},
		components: {
			HeadTitle,
            Cell,
            CellGroup,
		},
	}
</script>
<style scoped>
	.wrap{width: 100%; position: absolute; height: 100%; background: #fff;}
	.about{ padding-bottom: 0; }
	.about .ex-user-item{ margin-top: 0; }
	.about .ex-user-item a{ display: block;}
	.about .logo{ width: 30%; margin: 20% auto 15%;}
	.about .logo img{ width: 100%;}
</style>
